<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>小鱼ADMIN</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/public/static/css/font.css">
    <link rel="stylesheet" href="/public/static/css/bgadmin.css">
    <script type="text/javascript" src="/public/static/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/public/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/public/static/js/bgadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <style>
      .layui-input{height:30px;}
      .layui-form-label{line-height: 16px;}
      .layui-btn-gray{background-color:#c2c2c2;}
  </style>
  <body>
    <div class="bg-body">
      <div class="layui-row">
        <form class="layui-form ">
          <div class="layui-form-item high-ranking" style="margin-bottom:0px;">
            <div class="layui-inline">
              <label class="layui-form-label">客户姓名：</label>
              <div class="layui-input-inline">
                <input type="text" name="name" lay-verify="" id="name" autocomplete="off" class="layui-input">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">手机：</label>
              <div class="layui-input-inline">
                <input type="text" name="phone" id= "phone" lay-verify="" autocomplete="off" class="layui-input">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">客户编码：</label>
              <div class="layui-input-inline">
                <input type="text" name="customer_code" id= "customer_code" lay-verify="" autocomplete="off" class="layui-input">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">创建时间从：</label>
              <div class="layui-input-inline">
                <input type="text" class="layui-input" id="start_createtime">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">到：</label>
              <div class="layui-input-inline">
                <input type="text" class="layui-input" id="end_createtime">
              </div>
            </div>
            <a class="layui-btn layui-btn-small"  style="margin-bottom: 10px;" id="search"  lay-submit="" lay-filter="search"><i class="layui-icon" >&#xe615;</i></a>
          </div>
        </form>
      </div>

      <table class="layui-table" lay-data="{id: 'customer_code', height:'full-200', url:'/index.php/crm/Visittask/customerDataList?task_id={$task_id}', page:true, limit:10, limits:[10,20,30,50]}" lay-filter="demo">
        <thead>
        <tr>
          <th lay-data="{checkbox:true, fixed: true}"></th>
          <th lay-data="{field:'customer_code', align:'center', width:180, fixed: 'left'}">会员编码</th>
          <th lay-data="{field:'name', width:100, align:'center', fixed: 'left'}">会员姓名</th>
          <th lay-data="{field:'create_name', width:100, align:'center', fixed: 'left'}">创建人</th>
          <th lay-data="{field:'create_user', width:100, align:'center'}">创建工号</th>
          <th lay-data="{field:'customer_type', width:120, align:'center'}">会员类型</th>
          {if condition="($username eq 'admin') OR ($priv['display_phone'] eq 'Y')"}
          <th lay-data="{field:'phone', width:120, align:'center'}">客户手机</th>
          <th lay-data="{field:'telephone', width:120, align:'center'}">客户电话</th>
          {/if}
          <th lay-data="{field:'integral', width:100, align:'center'}">积分</th>
          <th lay-data="{field:'member_level', width:100, align:'center'}">会员等级</th>
          <th lay-data="{field:'task_id', width:100, align:'center'}">当前任务</th>
          <th lay-data="{field:'last_call_time', width:150, align:'center'}">最后回访时间</th>
          <th lay-data="{field:'last_order_time', width:150, align:'center'}">最后下单时间</th>
          <th lay-data="{field:'order_num', width:100, align:'center'}">开单次数</th>
          <th lay-data="{field:'sign_num', width:100, align:'center'}">签收次数</th>
          <th lay-data="{field:'age', width:100, align:'center'}">年龄</th>
          <th lay-data="{field:'sex', width:100, align:'center'}">性别</th>
          <th lay-data="{field:'id_card', width:150, align:'center'}">身份证</th>
          <th lay-data="{field:'createtime', width:150, align:'center'}">创建时间</th>
          <th lay-data="{fixed: 'right', width:120, align:'center', toolbar: '#barDemo'}">操作</th>
        </tr>
        </thead>
      </table>
       <input type="hidden" id="task_id" value="{$task_id}"/>
      <script type="text/html" id="barDemo">
        {if condition="($username eq 'admin') OR ($priv['edit'] eq 'Y')"}
        <a class="layui-btn layui-btn-normal layui-btn-mini" lay-event="edit">编辑</a>
        {/if}
        {if condition="($username eq 'admin') OR ($priv['delete'] eq 'Y')"}
        <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
        {/if}
      </script>
    </div>

</body>
<!-- <script type="text/javascript" src="/public/static/crm/js/customer/customerList.js"></script> -->
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#start_createtime',
            type : 'datetime'
        });

        laydate.render({
            elem: '#end_createtime',
            type : 'datetime'
        });
    });

    $(document).on('dblclick', '.layui-table>tbody>tr', function (){
        var customer_code = $(this).children('td:eq(1)').text();
        var customer_name = $(this).children('td:eq(2)').text();
		var task_id = $("#task_id").val();
        bg_full_show('编辑&nbsp;'+customer_name+'&nbsp;的资料','editCustomer?customer_code='+customer_code+"&task_id="+task_id)
    })

    layui.use('table', function(){
        var table = layui.table;
        
        //监听工具条
        table.on('tool(demo)', function(obj){
            var data = obj.data;
            // alert(JSON.stringify(data));
            if(obj.event === 'edit'){
                bg_full_show('编辑&nbsp;'+data.name+'&nbsp;的资料','editCustomer?customer_code='+data.customer_code+"&task_id="+task_id)
            }
        });

        //重载数据表
        $('#search').click(function(){
            var name = $("#name").val();
            var phone = $("#phone").val();
            var start_createtime = $("#start_createtime").val();
            var end_createtime = $("#end_createtime").val();
            var customer_code = $("#customer_code").val();
			var task_id = $("#task_id").val();
            table.reload('customer_code', {
                url: 'customerDataList',
                where: {
                    name : name,
                    phone : phone,
                    start_createtime : start_createtime,
                    end_createtime : end_createtime,
                    customer_code : customer_code,
					task_id : task_id
                } //设定异步数据接口的额外参数
            });
        });
    });
</script>
</html>